<template>
  <div>
  	<!--start 头部-->
  	<!--<div class="sreePublic">
  		<div id="" style="text-align: center;">
  			<em class="iconfont" @click="$router.go(-1)">&#xe61f;</em>
  		</div>
			{{vue_header_title}}
  	</div>-->
  	<!--start 头部-->
  	<!--start content-->
  	<div class="content">
  		<ul>
  			<li v-for="(item,index) in vue_goods_dataList" class="clearfix">
  				<div class="img fl">
  					<img :src="item.goodsBigPic" width="100%" height="100%" alt="" />
  				</div>
  				<div class="detail fl">
  					<p class="title">{{item.goodsName}}</p>
  					<p class="spe">{{item.goodsSkuValue}}</p>
  					<p class="pri">
  						&yen; {{item.goodsBuyPrice}}
  					</p>
  				</div>
  				<div class="num fr">
  					x {{item.goodsBuyNum}}
  				</div>
  			</li>
  		</ul>
  	</div>
  	<!--end content-->
  </div>
</template>

<script>
export default {
  data () {
    return {
    	vue_header_title:'商品清单',  //头部title
    	vue_goods_dataList:[],  //商品清单
    	saleOrderData:[{   //商品清单dataList
    		src:require('../../assets/img/1.jpg')
    	}],
    }
  },
  computed:{
  	countNum:function(){  //统计件数
  		return this.vue_goods_dataList.reduce((previousValue,currentValue)=>{
  			return previousValue + currentValue.goodsBuyNum
  		},0)
  	}
  },
  methods:{
  		
  },
  created(){
  },
  mounted(){
  	
  },
  activated(){
  	if(this.$route.query.orderGoodsList){
  		this.vue_goods_dataList=JSON.parse(localStorage.getItem('saleOrderGoodsDataList'));  //获取商品清单
  	}else{
  		this.vue_goods_dataList=JSON.parse(localStorage.getItem('select_goods'));  //获取商品清单
  	}
  	document.querySelector('#vue_id_title').innerHTML="商品清单";
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.inside_header{
		height:1.2rem;
	}
	.content{
		background:#D2D3D9;
	}
	.content ul {
		border-top:1px solid #bbb;
		background:#fff;
	}
	.content ul li {
		width:100%;
		height:3.14rem;
		padding:0.64rem 10px;
		border-bottom:1px solid #bbb;
	}
	.img{
		width:1.86rem;
		height:1.86rem;
	}
	.detail{
		width:6.4rem;
		height:1.86rem;
		line-height:0.46rem;
		overflow:hidden;
		padding-left:10px;
	}
	.detail .title{
		width:100%;
		height:0.92rem;
		overflow:hidden;
	}
	.detail .spe{
		width:100%;
		height:0.46rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		color:#ccc;
	}
	.detail .pri{
		width:100%;
		height:0.46rem;
		overflow:hidden;
		color:#D50B0A;
	}
	.num{
		line-height:1.86rem;
	}
</style>
